<html>
<head>
<script src="../../main/resources/net/pimpas/web/jsf/components/js/pimpas/pimpas.js"></script>
<script>
// detect
pimpas.RequireJS( 'detect.js' );
// timer
pimpas.RequireJS( 'timer.js' );
// interval
pimpas.RequireJS( 'interval.js' );
// listener
pimpas.RequireJS( 'listener.js' );
// filter
pimpas.RequireJS( 'filter.js' );
// log
pimpas.RequireJS( 'log.js' );
// firebug
pimpas.RequireJS( 'firebug.js' );
// dom
pimpas.RequireJS( 'dom.js' );
// dom event
pimpas.RequireJS( 'event.js' );
// httprequest
pimpas.RequireJS( 'httpRequest.js' );
// import js
pimpas.RequireJS('importjs.js');
// validate
pimpas.RequireJS('validate.js');
// format
pimpas.RequireJS('format.js');
// ajax
pimpas.RequireJS( 'ajax.js' );
// ajaxpopulate
pimpas.RequireJS( 'ajaxPopulate.js' );
// input
pimpas.RequireJS( 'populate/input.js' );
// select
pimpas.RequireJS( 'populate/select.js' );
// select
pimpas.RequireJS( 'populate/radio.js' );
// checkbox
pimpas.RequireJS( 'populate/checkbox.js' );
// html
pimpas.RequireJS( 'populate/html.js' );
// xml
pimpas.RequireJS( 'xml.js' );
// xpath
pimpas.RequireJS( 'xpath.js' );
// json
pimpas.RequireJS( 'json.js' );
// control
pimpas.RequireJS( 'control/ajaxControl.js');
// ajax utils
pimpas.RequireJS( 'utils/ajaxUtils.js');
// utils
pimpas.RequireJS( 'utils.js');
</script>
<style>
</style>
</head>
<body>
<form>
	<input type="text" id="cpf" name="cpf">
</form>
</body>
<script>
pimpas.FireBug.installLogInConsole( );
myListener = new pimpas.Listener();
pimpas.Extends(myListener,
	{
		callBack: function(when, object, mask) {
			/*
			if(when == pimpas.Format.time.BEFORE)
				alert('before!');
			else
				alert('after!');
			*/
		}
	}
);
/**
@install format module into field
@fieldName
@cleanFormatEvent
@applyFormatEvent
@format
@listener
**/
pimpas.Format.install( 'cpf', pimpas.DOM.Event.FOCUS, pimpas.DOM.Event.BLUR, '###.###.###-##', myListener);
</script>
</html>